<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS文本样式</title>
    <style>
        div {
            width: 400px;
            margin: auto; /*块级标签居中*/
            background-color: gray;
        }

        h1 {
            font-size: 18px;
            text-align: center;
            color: #06F;
        }
        #wen {
            font-size: 12px;
            color: #999;
            font-weight: normal;
        }

        p {
            text-indent: 2em;
        }

        #mei {
            color: #F36;
            font-size: 18px;
            font-weight: bolder;
            font-style: italic;
        }
    </style>
</head>
<body>
<!--诗放在div的层中，宽400px;-->
<!--标题放在h1中。标题文字大小18px，颜色#06F，居中对齐 ，文席慕容，四个字，12px，颜色#999，不加粗。-->
<!--每段文字放在p中，每段文字缩进2em，段中的行高是22px。-->
<!--美字加粗，颜色color:#F36，大小18px;-->
<div>
    <h1>初相遇 <span id="wen">文/席慕容</span></h1>

    <p><span id="mei">美</span>丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。</p>

    <p>我喜欢那样的梦，在梦里，一切都可以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。胸怀中满溢着幸福，只因你就在我眼前，对我微笑，一如当年。</p>

    <p>我喜欢那样的梦，明明知道你已为我跋涉千里，却又觉得芳草鲜美，落落英缤纷，好像你我才初相遇。</p>
</div>

</body>
</html>